<template>
  <div id="qyxx">
    <h1>基本资料</h1>
    <ul class="Cqyx">
      <li>
        公司网站：
        <input type="text" value="" />
      </li>
      <li>
        成立时间：
        <input type="text" value="" />
      </li>
      <li>
        公司规模：
        <input type="text" value="" />
      </li>
      <li>
        注册资金：
        <input type="text" value="" />
      </li>
      <li>
        公司类型：
        <select name="" id="Clx" style="width:250px;">
          <option value="民营">民营</option>
          <option value="国企">国企</option>
        </select>
      </li>
      <li>
        法人代表：
        <input type="text" value="" />
      </li>
      <li>
        公司电话：
        <input type="text" value="" />
      </li>
      <li class="Cqyx2">
        联系人：
        <input type="text" value="" />
      </li>
    </ul>
    <ul class="Cqyx3">
      <li   style='margin-left:-160px;'>
        公司地址：
        <input type="text" value=""  style="width:250px;" />
      </li>
      <li style='margin-left:-160px;'>
        办公环境：
        <input type="text" value="图片上传"  style="width:250px;"/>
      </li>
      <li>
        营业范围：
        <input type="text" value="" class="Cqyx4" />
      </li>
    </ul>
    <button class="Cqyx5" @click="bco">保存</button>
  </div>
</template>

<script>
export default {
  name: "Cqyxx",
  methods: {
    bco() {
      alert("保存成功");
    },
  },
};
</script>

<style scoped>
* {
  list-style-type: none;
  margin: 0 auto;
}
#qyxx {
  width: 1050px;
  background-color: rgb(52, 202, 165);
  float: left;
  border: 2px solid rgb(100, 98, 98);
}
.Cqyx > li,
.Cqyx3 > li {
  width: 450px;
  float: left;
  margin: 10px 15px;
}
.Cqyx > .Cqyx2 {
  margin-left: 28px;
}
.Cqyx3 > li {
  width: 800px;

}
.Cqyx4 {
  width: 640px;
  height: 35px;
}
.Cqyx5 {
  float: left;
  /* text-align: center; */
  margin: 20px 0;
  margin-left: 410px;
  width: 70px;
  height: 45px;
  font-size: 22px;
}
#Clx {
  width: 162px;
}
.Cqyx  li>input{
  width: 250px;
}
</style>
